<!--
 * @Author: TKH
 * @Date: 2021-05-27 15:18:00
 * @LastEditTime: 2021-06-10 15:58:43
 * @Description: 资讯文章详情页
 * @FilePath: \vant-v3\src\views\Details\Details.vue
-->
<template>
  <div class="zk-public-page">
    <van-nav-bar class="zk-public-nav" :title="title" left-arrow :fixed="true" :border="false" @click-left="onClickLeft" />
    <div class="detail-top">
      <div class="detail-title">
        <span>我是标题</span>
      </div>
      <div class="detail-article">
        <span>作者：XXX</span>
        <span>发布时间：2021-04-19</span>
      </div>
    </div>
    <div class="detail-content">
      <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
    </div>
</div>
</template>

<script>
import { useRouter } from 'vue-router';
export default {
  data() {
    return {
      title: '资讯详情'
    }
  },
  setup() {
    /**
     * @router 引入路由
     * onClickLeft：返回
     */
    const router = useRouter();
    function onClickLeft() {
      router.back();
    };
    return {
      onClickLeft
    };
  }
}
</script>

<style>

</style>
